<template>
  <CommonExpert
    @changeLoading="changeLoading"
    :customForm="form"
    :customExpertForm="expertForm"
    :riverId="riverId"
    :indexName="indexName"
    :indexId="indexId"
    @setDisabled="setDisabled"
    @setBakData="setBakData"
    @refreshIndexList="refreshIndexList">
    <!-- 自定义1 -->
    <template #normal>
      <el-descriptions-item :label="labels.xj">{{ form.xj }}</el-descriptions-item>
      <el-descriptions-item :label="labels.dj">{{ form.dj }}</el-descriptions-item>
      <el-descriptions-item :label="labels.td">{{ form.td }}</el-descriptions-item>
    </template>
    <!-- 自定义2 -->
    <template #expert>
      <el-row>
        <el-col :span="span">
          <el-form-item :label="labels.xj + ':'" label-width="200px">
            <avue-input-number :disabled="disabled" v-model="expertForm.xj" :min="0"></avue-input-number>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="span">
          <el-form-item :label="labels.dj + ':'" label-width="200px">
            <avue-input-number :disabled="disabled" v-model="expertForm.dj" :min="0"></avue-input-number>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="span">
          <el-form-item :label="labels.td + ':'" label-width="200px">
            <avue-input-number :disabled="disabled" v-model="expertForm.td" :min="0"></avue-input-number>
          </el-form-item>
        </el-col>
      </el-row>
    </template>
  </CommonExpert>
</template>

<script>
import { mixin } from "@/views/river/IndexComponents/mixin"
import { base } from "./base"
import CommonExpert from "@/views/river/IndexComponents/CommonExpert.vue"

export default {
  mixins: [mixin, base],
  components: {
    CommonExpert,
  },
  data() {
    return {
      expertForm: {
        xj: null,
        dj: null,
        td: null,
      },
    }
  },
}
</script>

<style scoped>
.el-input-number--small {
  width: 100%;
}
</style>
